var selectedtab;
var index;
var cf = null;

$("document").ready(function() {
    $("div.tab a").live("click", function(event) {
        event.preventDefault();
        selectedtab = $("div.selectedtab");

        index = $("div.tab").index(selectedtab);

        $("div.tabcontent:eq("+(index)+")").toggle();
        index = $("div.tab").index($(this).parent("div.tab"));

        selectedtab.removeClass("selectedtab");
        $(this).parent("div.tab").addClass("selectedtab");

        $("div.tabcontent:eq("+(index)+")").toggle();
        
        // un onglet possédant la classe "contentflowtab" est un onglet qui contient
        // un contentflow. le code qui suit est un petit hack pour que le slide se
        // charge bien à chaque fois
        if($("div.tabcontent:eq("+(index)+")").hasClass('contentflowtab')) {
            cf = null;
            cf = new ContentFlow('contentFlow'+(index+1), {startItem: 0, reflectionColor: "#000000", circularFlow: false, scaleFactorLandscape: 'max', flowDragFriction: '0'});
            cf._init();
        }
    });
});